<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/Details.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../iconfont/font_2510889_hfiy0rk27b/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/normalize.css" />
    <link href="../src/jquery.exzoom.css" rel="stylesheet" type="text/css" />
</head>
<style>
    #exzoom {
        width: 400px;
        /*height: 400px;*/
        margin: 20px auto;
    }
</style>

<body>
    <!-- 公共头部 -->
    <div class="navbar-default backImage">
        <div class="container-fluid publicWidth">
            <a href="">
                <div class="iconImage"></div>
            </a>
            <ul class="liFloatLeft">
                <li><a href="" class="header-register"> 注册</a></li>
                <li><a href="" class="wechat">微信 / 微博</a></li>
                <li><a href="" class="webo">APP下载</a></li>
            </ul>
        </div>
    </div>
    <div class="searchbar">
        <div class="container-fluid publicWidth">
            <ul>
                <li><a href="../html/list.html">商品分类</a></li><span></span>
                <li><a href="../html/list.html">主题分类</a></li><span></span>
                <li>
                    <form action="">
                        <input type="text" placeholder="搜索">
                        <span></span>
                    </form>

                </li>
                <span></span>
                <li><a href="">登录</a></li><span></span>
                <li><a href="">订单( )</a></li><span></span>
                <li>
                    <a href="../html/shopping.html">购物车</a>
                </li><span></span>
            </ul>
        </div>
    </div>
    <div class="con">
        <ul>
            <li><a href="../html/list.html">新品上市</a></li>
            <li><a href="../html/list.html">热销精选</a></li>
            <li><a href="../html/list.html">限量收藏</a></li>
            <li><a href="../html/list.html">抢先预订</a></li>
            <li><a href="../html/list.html">限量推荐</a></li>
            <li><a href="../html/list.html">特价折扣</a></li>
            <li><a href="../html/list.html">FNNNNffz</a></li>
        </ul>
    </div>
    <!-- Details部分 -->
    <div class="bread">
        <ul>
            <li>
                <a href="../../index.html">首页</a>
                <img src="http://www.fanthful.com/static/front/images/crumbs_arrow.png" alt="">
            </li>
            <li>
                饰品
                <img src="http://www.fanthful.com/static/front/images/crumbs_arrow.png" alt="">
            </li>
            <li>
                <a href="">钥匙扣/挂件</a>
                <img src="http://www.fanthful.com/static/front/images/crumbs_arrow_light.png" alt="">
            </li>
        </ul>
    </div>
    <div class="minCont">
        <div class="left">
            <div class="nav">
                <div class="ad-back"></div>
                <ul>
                    <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302399309.jpg?x-oss-process=image/resize,m_pad,h_60,w_60"
                            alt=""></li>
                    <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302399309.jpg?x-oss-process=image/resize,m_pad,h_60,w_60"
                            alt=""></li>
                    <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302399309.jpg?x-oss-process=image/resize,m_pad,h_60,w_60"
                            alt=""></li>
                    <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302399309.jpg?x-oss-process=image/resize,m_pad,h_60,w_60"
                            alt=""></li>
                    <li><img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302399309.jpg?x-oss-process=image/resize,m_pad,h_60,w_60"
                            alt=""></li>
                </ul>
                <div class="ad-forward"></div>
            </div>

            <div class="imgBox exzoom" id="exzoom">
                <div class="exzoom_img_box">
                    <ul class='exzoom_img_ul'>
                        <li>
                            <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302670569.jpg?x-oss-process=image/resize,m_pad,h_400,w_400"
                                alt="">
                        </li>
                        <li>
                            <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302670569.jpg?x-oss-process=image/resize,m_pad,h_400,w_400"
                                alt="">
                        </li>
                        <li>
                            <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20201130142302670569.jpg?x-oss-process=image/resize,m_pad,h_400,w_400"
                                alt="">
                        </li>
                    </ul>
                </div>

            </div>

        </div>
        <div class="right">
            <p class="names">任天堂 手柄盲包挂件（随机一款）paladone</p>
            <p class="e-names">Nintendo Console Backpack Buddies</p>
            <span>￥36</span>
            <div class="add-num">
                <ul>
                    <li class="jian">-</li>
                    <li class="nu">1</li>
                    <li class="ja">+</li>
                </ul>
            </div>
            <button>立即购买</button>
            <button>加入购物车</button>
            <ul class="lite">
                <li class="sc">收藏</li>
                <li class="fx">分享</li>
                <li class="fh">发货时间</li>
            </ul>
            <p class="code">
                <span class="code-no">条形码：</span>
                <span id="barCode">5055964735654</span>
                <span>货号：</span>
                <span id="productNo">5055964735654</span>
            </p>
            <p>
                所属作品：
                <span>Nintendo</span>
            </p>
        </div>

    </div>
    <div class="goods">
        <h3>商品详情</h3>
        <div>
            Nintendo任天堂官方正版授权周边产品，<br>英国厂商Paladone获得任天堂授权制作全球发售。<br><br>盲包样式，随机一款
            <br><br>材质：塑胶<br>尺寸：约3-7cm（因款式不同而异）<br>挂圈：约5×3cm
        </div>
    </div>
    <div class="wds">
        <h3 class="pl20">为你推荐</h3>
        <ul>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210416202105275948.jpg?x-oss-process=image/resize,m_pad,h_244,w_244"
                    alt="">
                <p>怪物猎人崛起环境生物亚克力钥匙扣盲盒第一弹（一盒10款）CAPCOM</p>
                <p>Monster Hunter Rise Acrylic Charm Collection -Endemic Life Icons</p>
                <p class="price">￥418</p>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210225142404533067.jpg?x-oss-process=image/resize,m_pad,h_244,w_244"
                    alt="">
                <p>怪物猎人崛起环境生物亚克力钥匙扣盲盒第二弹（一盒10款）CAPCOM</p>
                <p>Monster Hunter Rise Acrylic Charm Collection - Endemic Life Icons Vol.2</p>
                <p class="price">￥418</p>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210225142404533067.jpg?x-oss-process=image/resize,m_pad,h_244,w_244"
                    alt="">
                <p>怪物猎人崛起环境生物亚克力钥匙扣盲盒第二弹（一盒10款）CAPCOM</p>
                <p>Monster Hunter Rise Acrylic Charm Collection - Endemic Life Icons Vol.2</p>
                <p class="price">￥418</p>
            </li>
            <li>
                <img src="http://datafanthfuloss.oss-cn-shanghai.aliyuncs.com/cpsupload/pic/20210225142404533067.jpg?x-oss-process=image/resize,m_pad,h_244,w_244"
                    alt="">
                <p>怪物猎人崛起环境生物亚克力钥匙扣盲盒第二弹（一盒10款）CAPCOM</p>
                <p>Monster Hunter Rise Acrylic Charm Collection - Endemic Life Icons Vol.2</p>
                <p class="price">￥418</p>
            </li>
        </ul>
    </div>
    <!-- 公共底部 -->
    <footer>
        <div class="lb">
            <div class="head">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>支付方式</dd>
                    <dd>常见问题</dd>
                </dl>
            </div>

            <p>
                <a href="">服务条款</a>
                <span> | </span>
                <a href="">隐私政策</a>
            </p>
            <div class="gongan">
                <a href="">
                    <img src="http://www.fanthful.com/static/front/images/gongan.png" alt="">
                    <span>粤公网安备 44011302000920号</span>
                </a>
            </div>
            <div class="copy">
                <p>粤ICP备17083322号-1 Copyright @ 2017-2021 FANTHFUL |
                    出版物经营许可证新出发粤穗零字第埔043号</p>
            </div>
            <p>出版物经营许可证新出发粤穗零字第埔043号</p>
        </div>
    </footer>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../src/jquery.exzoom.js"></script>
    <script src="../js/Details.js"></script>
    <script type="text/javascript">
        $("#exzoom").exzoom({
            autoPlay: false,
        });//方法调用，务必在加载完后执行
    </script>
</body>

</html>